<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Manuel S. Enverga University : Web-based Integrated Information System</title>
<link rel="shortcut icon" href="{dir_image}favicon.ico">
<link rel="stylesheet" type="text/css" href="{dir_css}Login.css" />
<link rel="stylesheet" type="text/css" href="{dir_css}Popup.css" />

<script type="text/javascript" src="{dir_js}jquery.min.js"></script>
<script type="text/javascript">
		<!--
		$(document).ready(function() {
			var browserName		= navigator.appName; 
			var userName 		= $('#log_username');
			var passWord 		= $('#log_password');
			var getPassword 	= document.getElementById('log_password');
			
			/* --- USERNAME --- */
			userName.focus(function () {
				if ( userName.val() == 'Username or Student Number' ) {
					userName.val('').removeClass('login-color-aaa').addClass('login-color-000');
				}
				else if (userName.val() == '') {
					userName.removeClass('login-color-aaa').addClass('login-color-000');
				}
				else {
					userName.removeClass('login-color-aaa').addClass('login-color-000');
				}
			});
			userName.blur(function() {
				if ( userName.val() == '' ) {
					$(userName).val('Username or Student Number').removeClass('login-color-000').addClass('login-color-aaa');
				}
			});
			/* --- END ---*/
			
			if ( browserName == "Microsoft Internet Explorer" ) getPassword.setAttribute('type', 'password');
			else getPassword.setAttribute('type', 'text');
			
			/* --- PASSWORD --- */
			passWord.focus(function () {
				if ( passWord.val() == 'Password' ) {
					passWord.val('').removeClass('login-color-aaa').addClass('login-color-000');
					if ( browserName != "Microsoft Internet Explorer" ) {
						getPassword.setAttribute('type', 'password');
					}
				}
				else if (passWord.val() == '') {
					passWord.removeClass('login-color-aaa').addClass('login-color-000');
				}
				else {
					passWord.removeClass('login-color-aaa').addClass('login-color-000');
				}
			});
			passWord.blur(function() {
				if ( passWord.val() == '' ) {
					$(passWord).val('Password').removeClass('login-color-000').addClass('login-color-aaa');
					if ( browserName != "Microsoft Internet Explorer" ) {
						getPassword.setAttribute('type', 'text');
					}
				}
			});
			/* --- END ---*/
			
		});	
		
		//-->
	</script>
	<script type="text/javascript" src="{dir_js}Global.js"></script>
	
</head>

<body>
<!-- POPUP -->
	<div class="popup-request" id="popup_request">
		<div class="popup-main-blocker"></div>
		<div class="popup-main">
			<div class="popup-main-close"><img src="{dir_image}close_pop_up.png" border="0" onclick="popupRequest('popup_request', 'hide', '');" class="cursor-pointer"/></div>
			<div class="popup-main-content">
				<div class="popup-content">
					<div class="popup-content-header"><span id="popup_title">SEND REQUEST: <span id="popup_sub_title"></span></span></div>
					<div class="popup-content-iframe" id="popup_content_iframe">
						<iframe name="send_request" id="send_request" class="send-request" frameborder="0" scrolling="no"></iframe>
					</div>
				</div>
				<!--<div class="popup-main-footer">CODEHERE</div>-->	
			</div>
		</div>
	</div>
<!-- POPUP END -->
	<div class="top-header">Best View in <a href="http://www.mozilla.org/en-US/" class="view-link" target="_blank">Mozilla Firefox</a> and <a href="https://www.google.com/intl/en/chrome/browser/" class="view-link" target="_blank">Google Chrome</a> Browser!</div>
	<div class="login-align-center">
		<div class="login-logo-name">
			<div class="login-logo"><img src="{dir_image}mseu-logo.png" border="0" /></div>
			<div class="login-name">
				<div class="login-name-mseu">Manuel S. Enverga University Foundation</div>
				<div class="login-name-aau">AN AUTONOMOUS UNIVERSITY</div>
			</div>
		</div>
		<div class="login-form">
			<div class="login-form-note">
				<div class="login-form-note-content">
					<div class="login-form-note-title">What is my Student #?</div>
					<div class="login-form-note-msg">This can be your Student # or your temporary Student # given by Registrar office or after Registration.</div>
				</div>
				<div class="login-form-note-content">
					<div class="login-form-note-title">Forgot Your Student ID # or Password?</div>
					<div class="login-form-note-msg">Go to Registrar Office<br />or click <span class="login-click-here" id="send_request" onclick="popupRequest('show', 'ForgotPassword', 'Forgot your password?', '370', '560', '');">here</span> send a request to reset your password.</div>
				</div>
				<div class="login-form-note-content">
					<div class="login-form-note-title">Don't have Student #?</div>
					<div class="login-form-note-msg">Go to Registrar Office for your account<br />or click <span class="login-click-here" id="register" onclick="popupRequest('show', 'NewComersRegistration', 'Registration', '500', '540', '');">here</span> to register especially for new enrollees.</div>
				</div>
			</div>
			<div class="login-form-input">
				<form action="" method="post" enctype="multipart/form-data">
					<div class="login-form-input-content">
						<div class="login-form-input-msg">{log_message}</div>
						<div class="login-form-input-textbox">
							<div class="login-form-text"><input type="text" id="log_username" name="log_username" class="login-text login-color-aaa" value="Username or Student Number"/></div>
							<div class="login-form-text"><input type="password" id="log_password" name="log_password" class="login-text login-color-aaa" value="Password"/></div>
							<div class="login-form-text login-form-checked">
								<label for="log_keep_login">
									<input type="checkbox" id="log_keep_login" name="log_keep_login"/> Keep me logged in
								</label>
							</div>
							<div class="login-form-text"><input type="submit" id="log_submit" name="log_submit" class="login-submit" value="Log In"/></div>
						</div>
					</div>
				</form>
			</div>
		</div>
		<div class="login-footer">
			<div class="login-footer-is">Web-based Student Integrated Information System</div>
			<div class="login-footer-copy">Copyright &copy; 2013</div>
		</div>
	</div>
</body>
</html>
